<div class="select-timer-container">
    <div class="select-hour select-hour-start">
        <str-icon data-action="up" class="ripple" icon="chevron-up" width="20" height="20"></str-icon>
        <div class="timer-area-container">
            <ul style="{{startHourStyle}}">
                <li></li>
                <li></li>
                <li></li>
                {{{selectStartHoursHtml}}}
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <str-icon data-action="down" class="ripple" icon="chevron-down" width="20" height="20"></str-icon>
    </div>
    <div class="select-minute select-minute-start">
        <str-icon data-action="up" class="ripple" icon="chevron-up" width="20" height="20"></str-icon>
        <div class="timer-area-container">
        <ul style="{{startMinuteStyle}}">
            <li></li>
            <li></li>
            <li></li>
            {{{selectStartMinutesHtml}}}
            <li></li>
            <li></li>
            <li></li>
        </ul>
        </div>
        <str-icon data-action="down" class="ripple" icon="chevron-down" width="20" height="20"></str-icon>
    </div>
</div>
<div class="select-timer-container">
    <div class="select-hour select-hour-end">
        <str-icon data-action="up" class="ripple" icon="chevron-up" width="20" height="20"></str-icon>
        <div class="timer-area-container">
            <ul style="{{endHourStyle}}">
                <li></li>
                <li></li>
                <li></li>
                {{{selectNextHoursHtml}}}
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <str-icon data-action="down" class="ripple" icon="chevron-down" width="20" height="20"></str-icon>
    </div>
    <div class="select-minute select-minute-end">
        <str-icon data-action="up" class="ripple" icon="chevron-up" width="20" height="20"></str-icon>
        <div class="timer-area-container">
        <ul style="{{endMinuteStyle}}">
            <li></li>
            <li></li>
            <li></li>
            {{{selectNextMinutesHtml}}}
            <li></li>
            <li></li>
            <li></li>
        </ul>
        </div>
        <str-icon data-action="down" class="ripple" icon="chevron-down" width="20" height="20"></str-icon>
    </div>
</div>